.login{
  width: 100%;
  height: 100%;
  background: url("@/images/bg_login.jpg");
  position: relative;

  .icon-logo{
    position: absolute;
    top: 0.1rem;
    left:15%;
  }

  .left{
    width: 35%;
    height: 5rem;
    position: absolute;
    top: 10%;
    left:20%;
    img{
      width: 100%;
      height: auto;
    }
    span{
      font-size: 0.16rem;
      color: #888;
      padding: 0.2rem 0.1rem;
      display: block;
      margin-top: -1rem;
    }
  }
  .right{
    width: 4rem;
    border: 0.01rem solid #b1b1b1;
    border-radius: 0.04rem;
    position: absolute;
    top: 200px;
    right:10%;
    .lo-tab{
      width: 100%;
      height: 0.4rem;
      box-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.05);
      .loLi{
        width: 50%;
        height: 100%;
        float: left;
        text-align: center;
        display: table;
        cursor: pointer;
        span{
          display: table-cell;
          vertical-align: middle;
        }
      }
      .active{
        background: rgba(0, 0, 0, 0.05);
        color: #1aaa55;
        border-radius: 0.04rem;
      }
    }
    .ruleForm{
      padding: 0.2rem;
    }
    .sub{
      width: 100%;
      height: 0.36rem;
      border-radius: 0.04rem;
      background: #1aaa55;
      color: #ffffff;
      text-align: center;
      cursor: pointer;
    }
    .sub:hover{
      background: #168f48;
    }
  }

  .login-btn{
    width:100%
  }
}
